/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
#header{
	width:100%;
	height:rem(110px);
	background:#FFF;
	overflow:hidden;
	.header1{
		width:rem(960px);
		height:rem(45px);
		margin:0 auto;
		margin-top:rem(32.5px);
		i{
			float:left;
			color:#ff6414;
			font-size:rem(40px);
		}
		.rollInform{
			float:right;
			width:rem(920px);
			height:100%;
			line-height: rem(41px);
			white-space: nowrap;
			position:relative;
			overflow:hidden;
			.roll{
				position:absolute;
				li{
					float:left;
					margin-left:rem(10px);
					p{
						color:#ff6414;
						font-size:rem(33px);
					}
				}
			}
		}
	}
}
/* 轮播图 */
.lunbotu{
	width:100%;
	height:rem(500px);
	img{
		width:100%;
		height:100%;
	}
}
/* 菜单 */
.conten{
	width:100%;
	height:rem(230px);
	background:#FFF;
	.flex-container{
		width:100%;
		height:100%;
		display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-around;
	    justify-content: space-around;
	    .flex-item{
		    margin-top:rem(58px);
	    	i{
	    		font-size:rem(82px);
	    		display:block;
	    		text-align:center;
	    	}
	    	.icon-shui{
	    		color:#76b4d4;
	    	}
	    	.icon-icon-test{
	    		color:#03a113;
	    	}
	    	.icon-nongchanpin{
	    		color:#ffce00;
	    		margin-top:rem(-3px);
	    	}
	    	.icon-dingdan{
	    		color:#00329d;
	    	}
	    	.icon-kefuzixunhui{
	    		color:#fc2a02;
	    	}
	    	span{
	    		margin-top:rem(23px);
	    		color:#525252;
	    	}
	    }
	}
}
/* 隔离线 */
.cut{
	width:100%;
	height:rem(15px);
	background:#eee;
}
/* 热销排行 */
.sell{
	width:100%;
	height:rem(535px);
	background:#FFF;
	.rxiao{
		width:rem(950px);
		height:100%;
		margin:0 auto;
		overflow:hidden;
		h1{
			margin-top:rem(70px);
			text-align: center;
			font-size:rem(43px);
			font-weight:bold;
			span{
				font-size:rem(20px);
				margin-left:rem(20px);
			}
		}
		.kind{
			width:100%;
			height:rem(300px);
			margin-top:rem(50px);
			li{
				float:left;
				width:rem(300px);
				height:rem(300px);
				img{
					width:100%;
					height:100%;
				}
			}
			.center{
				margin:0 rem(25px);
			}
		}
	}
}
/* 车厘子 */
.cherry{
	width:100%;
	height:rem(390px);
	img{
		width:100%;
		height:100%;
	}
}
/* 活动专区 */
.activity{
	width:100%;
	height:rem(190px);
	background:#FFF;
	overflow:hidden;
	border-bottom:rem(1px) solid #c9c9c9;
	h1{
		margin-top:rem(90px);
		text-align: center;
		font-size:rem(43px);
		font-weight:bold;
		span{
			font-size:rem(20px);
			margin-left:rem(20px);
		}
	}
}
/* 限时抢购 */
.timeLimit{
	width:100%;
	height:rem(400px);
	background:#FFF;
	border-bottom:rem(1px) solid #c9c9c9;
	.commodity{
		width:rem(950px);
		height:100%;
		margin:0 auto;
		.buy-headline{
			width:100%;
			height:rem(80px);
			h3{
				color:#ff3c0b;
				font-size:rem(30px);
				line-height: rem(80px);
				display:inline-block;
				span{
					color:#717171;
					font-size:rem(18px);
					margin-left:rem(15px);
				}
			}
			.more{
				display:inline-block;
				float:right;
				line-height: rem(80px);
				color:#ff3c0b;
				text-decoration:underline;
			}
		}
		.buyingGoods{
			width:100%;
			li{
				float:left;
				width:rem(206px);
				img{
					width:100%;
				}
				h5{
					color:#363636;
					font-size:rem(33px);
					text-align: center;
					margin-top:rem(20px);
				}
				p{
					color:#fe3c06;
					font-size:rem(29px);
					margin-top:rem(15px);
					text-align:center;
				}
			}
			.xs2{
				margin:0 rem(42px);
			}
			.xs3{
				margin-right:rem(42px);
			}

		}
	}
}
/* 全民拼团 */
.group{
	width:100%;
	height:rem(535px);
	border-bottom:rem(1px) solid #c9c9c9;
	.groupGoods{
		width:rem(950px);
		height:100%;
		margin:0 auto;
		position:relative;
		.left{
			width:rem(540px);
			height:100%;
			position:absolute;
			left:rem(-65px);
			z-index:10;
			border-right:rem(1px) solid #c9c9c9;
			.left-top{
				width:100%;
				height:rem(267px);
				background:#FFF;
				border-bottom:rem(1px) solid #c9c9c9;
				overflow: hidden;
				.left-top-1{
					display:inline-block;
					width:rem(216px);
					height:100%;
					margin-left:rem(65px);
					h1{
						font-size:rem(40px);
						margin-top:rem(20px);
					}
					.discounts{
						color:#999;
						font-size:rem(20px);
						margin-top:rem(10px);
					}
					.weekend{
						padding:0 rem(15px);
						height:rem(35px);
						background:#fd5700;
						color:#FFF;
						font-size:rem(25px);
						line-height: rem(35px);
						border-radius:rem(15px);
						margin-top:rem(10px);
					}
				}
				.left-top-2{
					float:right;
					margin-right:rem(10px);
					margin-top:rem(60px);
					width:rem(230px);
					height:100%;

					img{
						width:100%;
						height:rem(180px);
					}
				}
			}
		}
		.right{
			width:rem(475px);
			height:rem(533px);	
			float:right;
			.right-img{
				width:rem(475px);
				height:100%;
				img{
				width:100%;
				height:100%;
				}
			}
		}
	}
}
/* 本周推荐 */
.recommend{
	width:100%;
	height:rem(290px);
	border-bottom:rem(1px) solid #272727;
	background:#FFF;
	.recommend1{
		width:rem(950px);
		height:100%;
		margin:0 auto;
		overflow:hidden;
		h1{
			text-align: center;
			font-size:rem(48px);
			margin-top:rem(200px);
			span{
				font-size:rem(23px);
			}
		}
		.rec-img{
			width:rem(250px);
			height:rem(180px);
			float:left;
			margin-top:rem(90px);
			img{
				width:100%;
				height:100%;
			}
		}
		.rec-img1{
			width:rem(250px);
			height:rem(180px);
			float:right;
		}
	}
}
/* 本周推荐商品 */
.container{
	width:100%;
	height:rem(800px);
	background:#FFF;
	.container1{
		width:rem(1050px);
		height:auto;
		margin:0 auto;
		li{
			float:left;
			width:rem(250px);
			margin-top:rem(25px);
			img{
				width:rem(250px);
				height:rem(260px);
			}
			h5{
				color:#515151;
				font-size:rem(33px);
				text-align: center;
				margin-top:rem(12px);
			}
			p{
				color:#f75807;
				font-size:rem(26px);
				text-align: center;
				display:inline-block;
				margin-left:rem(30px);
			}
			.ico{
				display:inline-block;
				color:#f75807;
				margin-top: rem(15px);
				i{
					font-size:rem(32px);
					vertical-align:middle;
				margin-left:rem(60px);

				}
			}
		}
		.tjsp{
			margin:0 rem(17px);
			margin-top:rem(25px);
		}
		.tjsp1{
			margin-right:rem(16px);
			margin-top:rem(25px);
		}
	}
}
/* 优选鲜品 */
.youxImg{
	width:100%;
	height:rem(340px);
	margin-top:rem(125px);
	img{
		width:100%;
		height:100%;
	}
}
/* 商品列表 */
.contanList{
	width:100%;
	height:rem(290px);
	border-bottom:rem(1px) solid #515151;
	background:#FFF;
	overflow:hidden;
	.list{
		width:rem(1010px);
		height:rem(220px);
		margin:0 auto;
		margin-top:rem(35px);
		.showPicture{
			width:rem(220px);
			height:rem(220px);
			float:left;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.describe{
			width:rem(500px);
			height:100%;
			float:left;
			margin-left:rem(35px);
			p{
				color:#525252;
				font-size:rem(40px);
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap;
			}
			.red{
				color:#f85600;
				font-size:rem(33px);
				margin-top:rem(25px);
				display:inline-block;
			}
			.gray{
				color:#999;
				font-size: rem(33px);
				margin-left:rem(30px);
				text-decoration:line-through;
			}
			.collect{
				margin-top:rem(74px);
				width:rem(135px);
				height:rem(45px);
				color:#fe5600;
				border:rem(1px) solid #fe5600;
				cursor:pointer;
				border-radius:rem(10px);
				text-align: center;
				font-size:rem(32px);
				line-height: rem(45px);
				i{
					font-size:rem(32px);
					padding:0 rem(10px);
					margin-left:rem(-10px);
				}
			}
		}
		.click{
			width:rem(240px);
			height:rem(85px);
			background:#fe5600;
			color:#FFF;
			font-size:rem(40px);
			float:right;
			border-radius:rem(10px);
			margin-top:rem(130px);
			text-align: center;
			line-height: rem(85px);
			cursor:pointer;
		}
	}
}
/* 底线 */
.dixian{
	width:100%;
	height:rem(278px);
	overflow:hidden;
	.dixian2{
		width:rem(425px);
		height:rem(5px);
		background:#8a8a8a;
		margin:0 auto;
		margin-top:rem(70px);
		position:relative;
		.dixian3{
			width:rem(280px);
			height:rem(45px);
			background:#FFF;
			margin:0 auto;
			position:absolute;
			left:0;
			right:0;
			top:rem(-20px);
			z-index:10;
			i{
				font-size:rem(40px);
				color:#898989;
				margin-left:rem(30px);
				vertical-align:middle;
			}
			span{
				font-size:rem(30px);
				color:#898989;
			}
		}
	}
}
/* 底部导航栏内容 */
.footer{
	width:100%;
	height:rem(133px);
	background:#f3f3f3;
	position:fixed;
	left:0;
	bottom:0;
	z-index:22;
	ul{
		height:100%;
		display:flex;
		align-items:center;
		li{
			width:25%;
			text-align:center;
			span{
				display:block;
				font-size:rem(60px);
				color:#00a313;
			}
			p{
				font-size:rem(30px);
				color:#00a313;
			}
		}
	}
}